@(user: User)(content: Html)

<!DOCTYPE html>

<html lang="en">
    <head>
        <title>Title</title>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
    	<meta name="description" content="Smartsheet to DocuSign Integration">
    	<meta name="author" content="peakpado">
	    <!-- Bootstrap -->
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/bootstrap.min.css")">
		<!-- <link rel="stylesheet" href="@routes.Assets.at("stylesheets/bootstrap-theme.min.css")"> -->
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/jumbotron-narrow.css")">
        <link rel="stylesheet" href="@routes.Assets.at("stylesheets/main.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="@routes.Assets.at("javascripts/bootstrap.min.js")" type="text/javascript"></script> 
        <script src="@routes.Assets.at("javascripts/bootstrap3-typeahead.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/app.js")" type="text/javascript"></script>
		
	    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	    <!--[if lt IE 9]>
	      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
    </head>
    
    <body>
		<div class="container">
			<div class="header">
			  <ul class="nav nav-pills pull-right">
			    <li class="active"><a href="@routes.Application.index()">Home</a></li>
			    <li><a href="#">About</a></li>
			    @if(user != null) {
			    	<li><a href="@routes.Application.logout()">Sign out</a></li>
			    } else {
			    	<li><a href="@routes.Application.login()">Sign in</a></li>
			    }
			  </ul>
			  <h3 class="text-muted">Smartsheet with IDOL OnDemand</h3>
			</div>

    
		    <!-- display flash message if exists -->
		    <div id="alert">
			@if(play.mvc.Controller.flash("alert") != null) {
				<div class="alert  alert-dismissable alert-@play.mvc.Controller.flash("alert")">
			  		<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			  		@play.mvc.Controller.flash("msg")
				</div>
			}
			</div>

      		@content
			
			<br><br>
			<footer>
			  <small>Powered by <a href="http://www.smartsheet.com">Smartsheet</a> and <a href="http://www.idolondemand.com">IDOL OnDemand</a> Created by &copy; Peakpado 2014</small>
			</footer>
	      
		</div> <!-- /container -->

        
    </body>
</html>
